<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>生活特权 - QQ会员</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/life.css">
    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/public.js"></script>
    <script src="js/life.js"></script>

</head>
<body>
<!-- 头部导航部分   start -->
<header class="ui-navbar">
    <div class="ui-navbar-container">
        <!-- logo -->
        <a href="../QQVIP_index/QQVIP_index.html" class="ui-navbar-logo other" title="QQ会员首页">
            <img src="images/logo_b.png" alt="QQ会员">
        </a>

        <!-- 导航列表 -->
        <nav class="ui-navbar-list">
            <h2 class="hide-clip">网站导航</h2>
            <ul>
                <li>
                    <a href="javascript:void(0)">功能特权</a>
                    <ul class="menu-1">
                        <li class=""><a href="全部特权">全部特权</a></li>
                        <li class=""><a href="分等级特权">分等级特权</a></li>
                    </ul>
                </li>
                <li>
                    <a href="../games/games.html">游戏特权</a>
                </li>
                <li class="current">
                    <a href="life.html">生活特权</a>
                </li>
                <li>
                    <a href="../decoration/decoration.html">装扮特权</a>
                </li>
                <li>
                    <a href="activity.html">会员活动</a>
                    <ul class="menu-5">
                        <li class=""><a href="全部活动">全部活动</a></li>
                        <li><a href="靓号站" target="_blank">靓号站</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:void (0)">成长体系</a>
                    <ul class="menu-6">
                        <li class=""><a href="任务中心">任务中心</a></li>
                        <li class=""><a href="积分乐园">积分乐园</a></li>
                        <li class=""><a href="排名中心">排名中心</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:void (0)">年费专区</a>
                </li>
            </ul>
        </nav>

        <!-- 登录 -->
        <div class="ui-navbar-status">
            <div class="ui-navbar-status-userinfo " id="menu-user-panel">
                <div class="ui-navbar-status-userinfo ">
                    <span id="menu-login-btn" class="ui-navbar-status-login">登录</span>
                </div>
            </div>

            <!-- 开通会员 -->
            <div class="ui-btn ui-btn-basic-s-flex">
                <span class="inner-text" id="menu-pay-btn">开通超级会员</span>
                <span class="right-radius"></span>
            </div>
        </div>
    </div>
    <div class="ui-navbar-subnav">
        <div class="ui-navbar-subnav-container">
        </div>
    </div>
</header>
<!-- 头部导航部分   end -->

<!--banner 部分  start -->
<section class="ui-slider banner-slider">
    <h2 class="hide-clip">轮播图</h2>
    <ul class="ui-slider-content">
        <li class="QQ_film">
            <a target="_blank" href="#" title="微票儿">
                <img src="images/1465862874_1400.jpg" alt="微票儿">
            </a>
        </li>
        <li class="QQ_JD">
            <a target="_blank" href="#" title="京东秒变">
                <img alt="京东秒变" src="images/1455768031_1400x500.jpg">
            </a>
        </li>
    </ul>
    <ul class="ui-slider-indicators">
        <li class="current"></li>
        <li class=""></li>
    </ul>
</section>
<!-- banner部分   end -->

<!-- life-content 部分  start-->
<div class="vip-life-content">
    <div class="mod-active-content"></div>
    <section class="ui-promotion">
        <div class="mod-sub-title">
            <h2>精彩活动</h2>
        </div>
        <ul class="normal">
            <li>
                <div class="ui-promotion-wrapper">
                    <a href="#" target="_blank" title="会员观影特权">
                        <img src="images/1438141067_2.jpg" alt="会员观影特权" width="220" height="150">
                    </a>
                </div>
                <p class="ui-promotion-info">会员观影特权</p>
            </li>
            <li>
                <div class="ui-promotion-wrapper">
                    <a href="#" target="_blank" title="京东领券">
                        <img src="images/1452758620_220.150-(2).jpg" alt="京东领券" width="220" height="150">
                    </a>
                </div>
                <p class="ui-promotion-info">会员京东福利</p>
            </li>
            <li>
                <div class="ui-promotion-wrapper">
                    <a href="#" target="_blank" title="QQ购房特权">
                        <img src="images/1438659014_12.jpg" alt="QQ购房特权" width="220" height="150">
                    </a>
                </div>
                <p class="ui-promotion-info">会员购房特权</p>
            </li>
            <li class="lastButOne">
                <div class="ui-promotion-wrapper">
                    <a href="#" target="_blank" title="QQ会员京东购物特权">
                        <img src="images/1458102182_220150.jpg" alt="QQ会员京东购物特权" width="220" height="150">
                    </a>
                </div>
                <p class="ui-promotion-info">会员购物特权</p>
            </li>
        </ul>
    </section>
</div>
<!-- life-content 部分  start-->

<!--footer  部分 start-->
<footer class="ui-footer">
    <nav>
        <ul>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-qq"></span>
                    <span>官方手Q账号</span>
                    <div class="qrcode">
                        <img src="images/qq_qrcode_preview.jpg" alt="官方手Q账号">
                    </div>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-wechat"></span>
                    <span>官方微信账号</span>
                    <div class="qrcode">
                        <img src="images/1392709767_big.png" alt="官方微信账号">
                    </div>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-exchange"></span>
                    <span>兑换中心</span>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-bbs"></span>
                    <span>兴趣部落</span>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-qzone"></span>
                    <span>官方空间</span>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-weibo"></span>
                    <span>官方微博</span>
                </a>
            </li>
            <li>
                <a href="#" target="_blank">
                    <span class="ui-footer-icon icon-service"></span>
                    <span>客服中心</span>
                </a>
            </li>
        </ul>
    </nav>

    <p class="ui-footer-copyright">Copyright © 1998 - 2016 Tencent . All Rights Reserved</p>
    <p class="ui-footer-copyright">腾讯公司 版权所有</p>
</footer>
<!--footer  部分 end-->
</body>
</html>